<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>CSS3网页头部导航</title>
		<link rel="stylesheet" type="text/css" href="css/touwei.css"/>
	</head>

	<body>
		<div id="wu_quan">
			<div id="header">
				<!-- logo -->
				<a href="#" id="logo"><img src="img/logo.png"></a>
				<div id="links">
					<a href="#">关于我们</a>
					<a href="#">帮助</a>
					<a href="#">联系我们</a>
				</div>
				<div id="navmenu">
					<nav id="menu">
						<ul>
							<li class="active">
								<a href="index.php">首页</a>
								<ul>
									<li>
										<a href="#"><span class="icon elem1"></span>Facebook</a>
									</li>
									<li>
										<a href="#"><span class="icon elem2"></span>Google</a>
									</li>
									<li>
										<a href="#"><span class="icon elem3"></span>RSS</a>
									</li>
									<li>
										<a href="#"><span class="icon elem4"></span>Skype</a>
									</li>
									<li>
										<a href="#"><span class="icon elem5"></span>Stumbleupon</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">买车</a>
								<ul>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 1</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 2</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 3</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 4</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 5</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">卖车</a>
								<ul>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 1</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 2</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 3</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 4</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 5</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">新车</a>
								<ul>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 1</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 2</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 3</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 4</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 5</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">宝典</a>
								<ul>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 1</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 2</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 3</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 4</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 5</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">注册</a>
								<ul>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 1</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 2</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 3</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 4</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 5</a>
									</li>
								</ul>
							</li>
							<li>
								<a href="#">登录</a>
								<ul>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 1</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 2</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 3</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 4</a>
									</li>
									<li>
										<a href="#"><span class="icon elem0"></span>menu element 5</a>
									</li>
								</ul>
							</li>
						</ul>
					</nav>
					<div id="search">
						<form role="search" method="get">
							<input type="text" placeholder="search..." name="s" value="" autocomplete="off" />
						</form>
					</div>
				</div>
			</div>
			<br><br><br><br><br><br><br><br><br>
			<br><br>
			<div style="text-align:center;clear:both">
			</div>
		</div>
	</body>

</html>